<head>
    <link rel="stylesheet" type="text/css" href="css\login.css">
</head>

<body ng-app="myApp">
    <!--  <div class="container-fluid">
            <p>Upload your Private key</p>
            <input type="file" id="file" onchange="angular.element(this).scope().handleFiles(this.files)" />
            <p>Enter your id:</p>
            <input type="text" ng-model="id">
            <button type="button" class="btn btn-default" ng-click="login()">Sign in</button>
    
            
    
            <p>Upload your Private key</p>
            <label for="file">Private key</label>
            <input type="file" id="file" onchange="angular.element(this).scope().handleFiles(this.files)" />
            <label for="id">ID</label>
            <input type="text" name="id" id="id" ng-model="id" required/>
            <button type="button" class="btn btn-primary" ng-click="login()">Sign in</button>
    
        </div>
    
        <div class="col-md-12">
            <p><strong>Login</strong></p>
    
            <form ng-submit="submitLogin()" class="form">
                <div class="col-md-4"></div>
    
                <div class="form-group" ng-class="{ 'has-error': form.username.$dirty && form.username.$error.required }">
                    <label for="username">Username</label>
                    <input type="text" name="username" id="username" class="form-control" ng-model="login.username" required />
                    <span ng-show="form.username.$dirty && form.username.$error.required" class="help-block">Username is required</span>
                </div>
    
                <div class="form-group" ng-class="{ 'has-error': form.password.$dirty && form.password.$error.required }">
                    <label for="password">Password</label>
                    <input type="password" name="password" id="password" class="form-control" ng-model="login.password" required />
                    <span ng-show="form.password.$dirty && form.password.$error.required" class="help-block">Password is required</span>
                </div>
                <div class="form-actions">
                    <button type="submit" ng-disabled="form.$invalid || login.dataLoading" class="btn btn-primary">Login</button>
                    <img ng-if="login.dataLoading" src=""
                    />
                    <span class="text-danger" style="color:red">{{ error }}</span>
                    <a href="#!/register" class="btn btn-link">Register</a>
                </div>
    
        </div> -->

    <div class="container">
        <div class="row">
            <div class="center-form panel">
                <div class="panel-body">

                    <img class="login-icon" src="./resources/patient.png" />

                    <h2 class="text-center login-title">Patient Login</h2>

                    <form method="post" ng-submit="login()" name="loginForm">

                        <div class="form-group login-components">
                            <label for="id">Patient ID</label>
                            <input class="form-control input-lg" type="text" name="id" id="id" ng-model="id" required>
                        </div>

                        <div class="form-group login-components">
                            <label for="file-selector">Patient Key</label>
                            <div id="file-selector">
                                <label class="btn btn-choose-file" for="patient-key">
                                    <input id="patient-key" type="file" style="display:none" onchange="$('#public-key-file-info').html(this.files[0].name); angular.element(this).scope().handleFiles(this.files)"
                                        required> Browse
                                </label>
                                <span class='label label-info file-name' id="public-key-file-info">Choose a file</span>
                            </div>
                        </div>

                        <div class="form-group login-components">
                            <label for="file-selector">Private Key</label>
                            <div id="file-selector">
                                <label class="btn btn-choose-file" for="private-key">
                                    <input id="private-key" type="file" style="display:none" onchange="$('#private-key-file-info').html(this.files[0].name); angular.element(this).scope().handleFiles(this.files)"
                                        required> Browse
                                </label>
                                <span class='label label-info file-name' id="private-key-file-info">Choose a file</span>
                            </div>
                        </div>

                        <div class="form-group login-components login-button">
                            <button type="submit" ng-disabled="loginForm.$invalid" class="btn btn-primary btn-block btn-sign-in">Sign
                                In
                            </button>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>

</body>